<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Contact</title> 
        <!Librairie JQuery mobible>
        <!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />-->
           <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    
    
        <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
    
         <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    
    <body> 
        <div data-role="page">

            <div data-role="header" data-theme="d">
                <h1>Contact</h1>
            </div>

            <div data-role="content" data-theme="d"> 
                <form method="post" action="mailto:hadron.anomaly.dev@gmail.com" />
                    <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
                        <label for="name-a" class="ui-input-text" >Email</label>
                        <input type="email" required="required" placeholder="death@grimreaper.com" style="margin-left: 15%; width:83%" type="text" data-theme="c" name="subject" id="contactSujet" value="" class="ui-input-text ui-body-a ui-corner-all ui-shadow-inset"/>

                        <label for="select-choice-a" class="select ui-select">Sujet</label>
                        <div required="required" class="ui-select" style="margin-left: 15%;">
                            <div>
                                <select name="select-choice-a" id="select-choice-a" class="ui-select-nativeonly">
                                    <option value="standard">Question</option>
                                    <option value="rush">Feedback</option>
                                    <option value="express">Plainte</option>
                                </select>
                            </div>
                        </div>

                        <label for="name-a" class="ui-input-text" >Texte</label>
                        <textarea required="required" placeholder="Votre message ici" style="margin-left: 15%; width:83%" cols="40" data-theme="c" rows="8" name="textarea" id="textarea" class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c ui-focus"></textarea>
                    </div> 

                    <div class="ui-body ui-body-b">
                        <fieldset class="ui-grid-a">
                            <div class="ui-block-a">
                                <div data-theme="d">
                                    <a data-role="button" data-rel="back" data-theme="d" class="" aria-disabled="false">Annuler</a>
                                </div>
                                </div>
                                <div class="ui-block-b">
                                <div data-theme="a" >
                                    <button type="submit" data-theme="a" class="ui-btn-hidden" aria-disabled="false">Envoyer</button>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                </form>
            </div>
        </div>
    </body>
</html> 